<template>
  <!-- 头部 -->
  <header class="header">
    <!--顶部导航组件-->
    <HeaderNav />
    <div class="bottom">
      <!--Logo组件-->
      <HeaderLogo />
      <!--seacrch搜索组件-->
      <HeaderSearch />
    </div>
  </header>
</template>

<script>
import HeaderNav from "@/components/Header/HeaderNav";
import HeaderLogo from "@/components/Header/HeaderLogo";
import HeaderSearch from "@/components/Header/HeaderSearch";
export default {
  name: "myHeader",
  components: { HeaderNav, HeaderLogo, HeaderSearch },
};
</script>

<style scoped lang='less'>
.header {
  .bottom {
    width: 1200px;
    margin: 0 auto;
    overflow: hidden;
  }
}
</style>